<!DOCTYPE html>

<style type="text/css">
.text-red {
	color: red;
	font-weight: 600;
	font-size: 18px;
	position: relative;
	top: 3px;
	margin-right: 3px;
	margin-left: 0px;
	padding: 0px;
}
</style>

    <div id="xqsj_table_div">
		<!-- 查询窗口 -->
	 <div class="modal fade"  tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">查询</h4>
				</div>
				<div class="modal-body">
					<!-- 以下为要查询的的内容 -->
					<div class="text-center">
						
				    </div>
				    <!-- 以上为要查询的内容 -->
				    </div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" data-dismiss="modal"
							data-bind="click:queryClick">
							<span class="glyphicon glyphicon-search" aria-hidden="true"></span>&nbsp;查询
						</button>
						<button type="button" class="btn btn-default" data-dismiss="modal"
							data-bind="click:clearClick">
							<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>&nbsp;清空
						</button>
				    </div>
                </div>
                
           	</div>
		</div> 
		
		
		
		<!-- 工具栏 -->
		<div id="toolbar" class="btn-group">
			<button data-bind="click:addClick" type="button"
				class="btn btn-default">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
			</button>
			<button data-bind="click:editClick" type="button"
				class="btn btn-default">
				<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
			</button>
			<button data-bind="click:deleteClick" type="button"
				class="btn btn-default">
				<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
			</button>
			<!-- <button id='tit' data-bind="click:searchClick" type="button"
				class="btn btn-default">
				<span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
			</button> -->
			
		</div>
		
		<!-- 表格，表头里定义了表要显示的字段，data-formatter 里只能跟一个方法名 -->
		<table id="mytable" data-bind="bootstrapTable:$root">
			<thead>
				<tr>
					<th data-checkbox="true"></th>
					<th data-field="xqks">学期开始时间</th>
					<th data-field="xqjs">学期结束时间</th>
				</tr>
			</thead>
		</table>
	</div>
	
<!-- 以下是javascript内容 -->	
<script type="text/javascript">
$(function(){
    var data =  {
	    tableParams : {
	    	url : 'dictionary/xqsj/page'
	    	},
	    	urls : {
	    		delete : 'dictionary/xqsj/delete',
	    		update : 'dictionary/xqsj/edit',
	    		add : 'dictionary/xqsj/edit',
	    		search:'dictionary/xqsj/search'
	    	},
	    	queryCondition : {
	    		
	    	}
	};
	ko.applyBindings(new BsTableViewModel(data),document.getElementById('xqsj_table_div'));	
	
});

</script>
